<template>
  <div class="mid-infor">
    <midtop-vue></midtop-vue>
    <midmidele-vue></midmidele-vue>
    <midbottom-vue></midbottom-vue>
  </div>
</template>

<script>
import midtopVue from "@/components/Mypage/MyInformation/MidTop"
import midmideleVue from "@/components/Mypage/MyInformation/MidMidEle"
import midbottomVue from "@/components/Mypage/MyInformation/MidBottom"
export default {
    components:{
        midtopVue,
        midmideleVue,
        midbottomVue,
    }
}
</script>

<style scoped>
.mid-infor{
  margin-left: 27px;
  margin-top: 50px;
}
</style>